<!DOCTYPE html>
<!-- saved from url=(0058)index.html -->
<html lang="zxx">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>小金红的摄影之家</title>

    <meta name="description" content="小金红的摄影之家">
    <meta name="keywords" content="photo, html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Stylesheets -->
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/elegant-icons.css">
    <link rel="stylesheet" href="./css/owl.carousel.min.css">

    <!-- Main Stylesheets -->
    <link rel="stylesheet" href="./css/style.css">


    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <style type="text/css">
        :root .adcenter {
            display: none !important;
        }

        :root *[ytx1f8g][hidden] {
            display: none !important;
        }</style>
</head>
<body>
<!-- Page Preloder -->
<div id="preloder" style="display: none;">
    <div class="loader" style="display: none;"></div>
</div>

<!-- Offcanvas Menu Section -->
<div class="offcanvas-menu-wrapper" style="display: none;">
    <div class="menu-header">
        <a href="index.html" class="site-logo">
            <img src="./img/QQMusic.jpg" alt="">
        </a>
        <div class="menu-switch" id="menu-canvas-close">
            <i class="icon_close"></i>
        </div>
    </div>
    <ul class="main-menu">
        <li><a href="index" class="active">Home</a></li>
        <li><a href="gallery">Gallery</a></li>
        <li><a href="blog">Blog</a></li>
        <li><a href="about">About</a></li>
        <li><a href="contact">Contact</a></li>
    </ul>
    <div class="menu-footer">
        <div class="footer-social">
            <a href="index">weibo</a>
            <a href="index">wechat</a>
            <a href="index">QQ</a>
        </div>
        <div class="copyright">
            <p><!-- Link back to cssmoban can't be removed. Template is licensed under CC BY 3.0. -->
                Copyright ©
                <script>document.write(new Date().getFullYear());</script>
                2020 All rights reserved |
                <!-- Link back to cssmoban can't be removed. Template is licensed under CC BY 3.0. --></p>
        </div>
    </div>
</div>
<!-- Offcanvas Menu Section end -->

<!-- Header section -->
<header class="header-section">
    <a href="index.html" class="site-logo">
        <img src="./img/QQMusic.jpg" alt="">
    </a>
    <div class="menu-switch" id="menu-canvas-show">
        <i class="icon_menu"></i>
    </div>
</header>
<!-- Header section end -->

<!-- Hero section -->
<section class="hero-section">
    <div class="hero-slider owl-carousel owl-loaded">


        <div class="owl-stage-outer">
            <div class="owl-stage"
                 style="transform: translate3d(-3840px, 0px, 0px); transition: all 0s ease 0s; width: 13440px;">
                <div class="owl-item cloned" style="width: 1920px;">
                    <div class="hero-item" style="height: 789px;">
                        <div class="hero-text">
                            <div class="ht-cata">自然</div>
                            <h2>摄影</h2>
                            <p>景色.</p>
                            <a href="index" class="ht-btn">See More <i class="arrow_right"></i></a>
                        </div>
                        <div class="hi-bg set-bg" data-setbg="./img/bg.jpg"
                             style="background-image: url(&quot;img/bg.jpg&quot;);"></div>
                    </div>
                </div>
                <div class="owl-item cloned" style="width: 1920px;">
                    <div class="hero-item" style="height: 789px;">
                        <div class="hero-text">
                            <div class="ht-cata">自然</div>
                            <h2>摄影</h2>
                            <p>蜂鸟.</p>
                            <a href="index" class="ht-btn">See More <i class="arrow_right"></i></a>
                        </div>
                        <div class="hi-bg set-bg" data-setbg="./img/bird.jpg"
                             style="background-image: url(&quot;img/bird.jpg&quot;);"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="owl-nav">
<!--            <button type="button" role="presentation" class="owl-prev"><i class="arrow_left"></i></button>-->
            <button type="button" role="presentation" class="owl-next"><i class="arrow_right"></i></button>
        </div>
        <div class="owl-dots disabled"></div>
    </div>
</section>
<!-- Hero section end -->

<!-- Footer section -->
<footer class="footer-section">
    <div class="footer-social">
        <a href="index">weibo</a>
        <a href="index">wechat</a>
        <a href="index">QQ</a>
    </div>
    <div class="copyright">
        <p><!-- Link back to cssmoban can't be removed. Template is licensed under CC BY 3.0. -->
            Copyright ©
            <script>document.write(new Date().getFullYear());</script>
            2020 All rights reserved |
            <!-- Link back to cssmoban can't be removed. Template is licensed under CC BY 3.0. --></p>
    </div>
</footer>
<!-- Footer section end -->

<!--====== Javascripts & Jquery ======-->
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/owl.carousel.min.js"></script>
<script src="./js/masonry.pkgd.min.js"></script>
<script src="./js/main.js"></script>


</body>
</html>